<ion-content>
    <div class="logo">
        <img src="assets/images/login/ico_logo.png">
    </div>
    <ion-list no-lines class="login">
        <ion-item class="name">
            <ion-label><img src="assets/images/login/ico_account.png" alt=""></ion-label>
            <ion-input  type="text" placeholder="请输入账号" #username (ionFocus)="namefocus()" [class.tip]="UTip" (ionBlur)="ckName(username)"></ion-input>
        </ion-item>
        <!-- <div *ngIf="UTip" class="tip">{{uCont}}</div> -->
        <ion-item class="pwd">

            <ion-label><img src="assets/images/login/ico_key.png" alt=""></ion-label>
            <ion-input  type="password"  placeholder="请输入密码" (ionFocus)="pwdfocus()" [class.tip]="PTip"  #password (ionBlur)="ckPwd(password)"></ion-input>

        </ion-item>
        <!-- <div *ngIf="PTip" class="tip">{{pCont}}</div> -->
    </ion-list>
    <div class="button-box">
        <button class="login-button" ion-button [disabled]="isDisabled"
                (click)="logIn(username, password)">登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;录</button>
        <div class="forget">忘记密码?</div>
    </div>
    <div class="bot-img">
        <img src="assets/images/login/img_bg.png">
    </div>
</ion-content>
